<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <iframe
      id="iframe"
      src="http://127.0.0.1:62003/c.html"
      frameborder="0"
    ></iframe>
    <script>
      /**
       * 总结
       * 不同域名不能共享cookie sessionStorage localStorage
       * 共享localStorage可以使用ifram嵌套要共享的页面 通过 iframe.contentWindow.postMessage 将要共享的数据传递给要共享的页面
       * 需要共享的页面通过message事件来监听传递过来的数据 并操作本地的locaStorage
       *
       *
       * 共享cookie可以通过将需要共享的cookie存到主域名下  旗下子域名都可以访问到这个cookie
       */
      window.localStorage.setItem("token", "aaa");
      let iframe2 = document.getElementById("iframe");
      iframe2.onload = function () {
        console.log(iframe2.contentWindow);
      };
      window.onload = function () {
        iframe2.contentWindow.postMessage(
          "token信息",
          "http://127.0.0.1:59919/"
        );
      };
    </script>
  </body>
</html>
